Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(v2): add a11y support for dropdown #2672

Merged
merged 2 commits into from
Apr 27, 2020
Merged

fix(v2): add a11y support for dropdown #2672

merged 2 commits into from
Apr 27, 2020

Conversation

lex111
Copy link
Contributor

@lex111 lex111 commented Apr 27, 2020

Motivation

After that, you can open dropdown (and navigate it) using the keyboard, this is good for accessibility.

In addition to that, in current PR, for consistency and easier code understanding, I changed the naming of some args and moved the custom CSS class to the end of the class list. This is a simple refactoring.

screencast-localhost_3000-2020 04 27-11_02_32

Have you read the Contributing Guidelines on pull requests?

Yes

Test Plan

Preview.

Related PRs

(If this PR adds or changes functionality, please take some time to update the docs at https://github.com/facebook/docusaurus, and link to your PR here.)

@lex111 lex111 added the pr: bug fix This PR fixes a bug in a past release. label Apr 27, 2020
@lex111 lex111 added this to the v2.0.0-alpha.51 milestone Apr 27, 2020
@lex111 lex111 requested a review from yangshun April 27, 2020 08:13
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Apr 27, 2020
@docusaurus-bot
Copy link
Contributor

docusaurus-bot commented Apr 27, 2020

Deploy preview for docusaurus-2 ready!

Built with commit c689e65

https://deploy-preview-2672--docusaurus-2.netlify.app

@@ -122,6 +122,7 @@ module.exports = {
href: 'https://github.com/facebook/docusaurus',
position: 'right',
className: 'header-github-link',
'aria-label': 'GitHub repository',
Copy link
Contributor Author

@lex111 lex111 Apr 27, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixes a11y issue:

Links must have discernible text

image

@lex111
Copy link
Contributor Author

lex111 commented Apr 27, 2020

I am merging this PR, because I think that these are safe changes.

@lex111 lex111 merged commit 7389a60 into master Apr 27, 2020
@lex111 lex111 deleted the lex111/a11y-dropdown branch April 27, 2020 11:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed Signed Facebook CLA pr: bug fix This PR fixes a bug in a past release.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants